Design system v1
Weddle / Industrial Dark
A black-first system for drivetrain hardware: dense mono metadata, wide uppercase display type, one red for action and emphasis. Built to make specs readable and products scannable.
01 — Color
02 — Type
ARCHIVO 800 / 64 / -2%
Display
ARCHIVO 600 / 26
Section heading
PLEX SANS 400 / 17 / 1.6
Body copy sits at 17px on a 1.6 rhythm, muted grey against black so red and white stay the only emphasis.
PLEX MONO 500 / 12 / .12EM
Metadata, specs, labels
03 — Components
SPEC PAIR
FITMENTAlbins / Weddle HV
MATERIALVacuum-melt steel
04 — Rules
- Red is reserved for action, active state, and one word of emphasis per screen. Never a background wash.
- All caps mono for anything a mechanic scans: part class, fitment, ratio, section number.
- Hairline rules (1px, 8–12% white) instead of cards with shadows. No rounded corners above 2px.
- Imagery is full-bleed or edge-to-edge in its column; product shots on flat dark grey, never gradients.
- Grid: 12 columns, 1180px max, 40px gutters, 96–120px section rhythm.